<!--
 * @description: 
 * @Author: Islands
 * @Date: 2024-06-22 23:50:10
 * @LastEditTime: 2024-06-23 00:00:19
-->
<script lang="ts" setup>
defineProps({
    current: {
        type: Number,
        default: 1
    },
    size: {
        type: Number,
        default: 10
    },
    total: {
        type: Number,
        default: 10
    },
    layout:{
        type: String,
        default: "total, prev, pager, next, jumper"
    }
});

interface Emits {
    (e: 'handleCurrentChange', val: number): () => void;
}
const emit = defineEmits<Emits>();
const handleCurrentChange = (val: number) => {
    emit('handleCurrentChange', val);
};
</script>
<template>
    <div class="padding-top-bottom-20 flex-right">
        <el-pagination :current="current" :page-size="size" :layout="layout" :total="total" @current-change="handleCurrentChange" />
    </div>
</template>
